<!--{template common/mobile_simple_start}-->
<!--{template common/header_simple_end}-->
<!--{template common/mobile_commer_header}-->
<style>
        .about-container {
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-align-content: center;
            align-content: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
        }
        .wrapper {
            text-align: center;
        }
        .about-body p {
            margin-bottom: 10px;
        }
        a {
            cursor: pointer;
            color: #3779ff;
        }
        .about-body .logo {
            padding: 10px;
            margin-bottom: 0;
        }
        .about-body .name {
            font-size: 28px;
            margin-bottom: 20px;
        }
        .about-body .name>span {
            padding: 0 2px;
        }
        .about-body p .guide {
            color: #999;
        }
        .about-copyright {
            color: #999;
            font-size: 12px;
            text-align: center;
            padding: 10px;
        }
        .about-copyright>a {
            color: #999;
        }
  button.close{
	-webkit-appearance:none;
	padding:0;
	cursor:pointer;
	background:0 0;
	border:0;
	opacity: .5;
	position: absolute;
  top: 6px;
  right: 10px;
  font-size: larger;
}
	.modal-content{
	position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
  }
	.modal .modal-dialog{
		margin: auto;
    padding: 30px 0;
	}
	.modal-open .in.modal{
		display: -moz-flex!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex !important;
	}
	.modal-open .modal{
		overflow-x: hidden;
    overflow-y: auto;
	}
	.modal{
		position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
	}
	.modal-backdrop.in{
		opacity: .5;
	}
	.modal {
    z-index: 11200;
	}
	.modal-backdrop{
		z-index: 11199;
		position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #000;
	}
</style>
<div class="modal-body about-body" style="margin-top: 64px">
	<div class="about-container">

    <div class="wrapper">
        <div class="modal-body about-body">
            <p class="logo">
                <img src="$about[logo]" />
            </p>
            <p class="name">
                <!--{if $about['name_zh']}-->
                <span class="name-zh">$about[name_zh]</span>
                <!--{/if}-->
                <!--{if $about['name_en']}-->
                <span class="name-en">$about[name_en]</span>
                <!--{/if}-->

            </p>
            <div class="detail">
                <!--{if $about['version']}-->
                <p class="version">
                  <span class="guide"><!--{if $about['name_zh']}-->$about[name_zh]<!--{/if}--> <!--{if $about['name_en']}-->$about[name_en]<!--{/if}--> {lang version}:</span>$about[version]
                </p>
                <!--{/if}-->
                <p class="license">
                    <span class="guide">{lang license}:</span> <a href="http://www.gnu.org/licenses/agpl-3.0.html" target="_blank">AGPL V3 {lang public_license}</a>
                </p>
                <p class="support">
                    <span class="guide">{lang service_and_support}:</span> <a href="http://www.dzzoffice.com" target="_blank">www.dzzoffice.com</a>
                </p>
                <p class="support">
                <span class="guide">小胡 版本:</span> <a href="https://gitee.com/xh2002/dzzoffice" target="_blank">$about[xhversion]</a>
                </p>
            </div>
        </div>
        <div class="about-copyright"><!--{template common/copyright}--></div>

    </div>
</div>

</body>

</html>